<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仿新浪云SAE首页</title>
    
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    
    <style>
        header{
            background: #148CC9;
        }
        header a{
            color: #fff;
        }
        .navbar-toggle span.icon-bar{
            background: #fff;
        }
        .navbar{
            margin-bottom: 0;
        }
        #carousel{
            margin-top: 51px;
        }
        .row ul.col-md-6{
            padding-left: 30px;
        }
    </style>
    <!--[if lt IE9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header class="navbar navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href=""><img src="img/logo.png" alt=""/></a>
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse navbar-left">
                <ul class="nav navbar-nav">
                    <li><a href="">首页</a></li>
                    <li><a href="">产品</a></li>
                    <li><a href="">支持中心</a></li>
                    <li><a href="">价格</a></li>
                    <li><a href="">成功案例</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
            <div class="collapse navbar-collapse navbar-right">
                <ul class="nav navbar-nav">
                    <li><a href="">微博登录 | 微博注册</a></li>
                </ul>
            </div>
        </div>
    </header>
    <div class="carousel slide" id="carousel" data-ride="carousel" data-interval="2000">
        <ul class="carousel-indicators">
            <li class="active" data-target="#carousel" data-slide-to="0"></li>
            <li data-target="#carousel" data-slide-to="1"></li>
            <li data-target="#carousel" data-slide-to="2"></li>
        </ul>
        <div class="carousel-inner">
            <div class="item active"><img src="img/1.jpg" alt=""/></div>
            <div class="item"><img src="img/2.jpg" alt=""/></div>
            <div class="item"><img src="img/1.jpg" alt=""/></div>
        </div>
        <a href="#carousel" class="carousel-control left" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a href="#carousel" class="carousel-control right" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
    <div class="container" style="margin-top: 30px;">
        <div class="row">
            <div class="col-md-4 text-center">
                <img src="img/cont1.png" alt=""/>
                <h2>SAE</h2>
                <span>云应用</span>
            </div>
            <div class="col-md-8">
                <h3>应用开发、优化及运行的PaaS云计算平台</h3>
                <span>国内第一家公有云计算平台，支持PHP、Java、Python语言，提供Web应用开发所需的众多服务，国内最好的PaaS云计算平台</span>
                <div class="row">
                    <ul class="col-md-6">
                        <li>弹性扩展，负载均衡智能应对大数据处理请求</li>
                        <li>沙箱技术隔离应用</li>
                        <li>无需运维管理与架构设计</li>
                    </ul>
                    <ul class="col-md-6">
                        <li>防火墙防止攻击</li>
                        <li>99.95%SLA，首批可信云认证</li>
                        <li>免费配额，零成本创业</li>
                    </ul>
                </div>
                <button class="btn btn-primary">了解详情</button>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <h3>应用开发、优化及运行的PaaS云计算平台</h3>
                <span>国内第一家公有云计算平台，支持PHP、Java、Python语言，提供Web应用开发所需的众多服务，国内最好的PaaS云计算平台</span>
                <div class="row">
                    <ul class="col-md-6">
                        <li>弹性扩展，负载均衡智能应对大数据处理请求</li>
                        <li>沙箱技术隔离应用</li>
                        <li>无需运维管理与架构设计</li>
                    </ul>
                    <ul class="col-md-6">
                        <li>防火墙防止攻击</li>
                        <li>99.95%SLA，首批可信云认证</li>
                        <li>免费配额，零成本创业</li>
                    </ul>
                </div>
                <button class="btn btn-primary">了解详情</button>
            </div>
            <div class="col-md-4 text-center">
                <img src="img/cont2.png" alt=""/>
                <h2>SAE</h2>
                <span>云应用</span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 text-center">
                <img src="img/cont3.png" alt=""/>
                <h2>SAE</h2>
                <span>云应用</span>
            </div>
            <div class="col-md-8">
                <h3>应用开发、优化及运行的PaaS云计算平台</h3>
                <span>国内第一家公有云计算平台，支持PHP、Java、Python语言，提供Web应用开发所需的众多服务，国内最好的PaaS云计算平台</span>
                <div class="row">
                    <ul class="col-md-6">
                        <li>弹性扩展，负载均衡智能应对大数据处理请求</li>
                        <li>沙箱技术隔离应用</li>
                        <li>无需运维管理与架构设计</li>
                    </ul>
                    <ul class="col-md-6">
                        <li>防火墙防止攻击</li>
                        <li>99.95%SLA，首批可信云认证</li>
                        <li>免费配额，零成本创业</li>
                    </ul>
                </div>
                <button class="btn btn-primary">了解详情</button>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <h3>应用开发、优化及运行的PaaS云计算平台</h3>
                <span>国内第一家公有云计算平台，支持PHP、Java、Python语言，提供Web应用开发所需的众多服务，国内最好的PaaS云计算平台</span>
                <div class="row">
                    <ul class="col-md-6">
                        <li>弹性扩展，负载均衡智能应对大数据处理请求</li>
                        <li>沙箱技术隔离应用</li>
                        <li>无需运维管理与架构设计</li>
                    </ul>
                    <ul class="col-md-6">
                        <li>防火墙防止攻击</li>
                        <li>99.95%SLA，首批可信云认证</li>
                        <li>免费配额，零成本创业</li>
                    </ul>
                </div>
                <button class="btn btn-primary">了解详情</button>
            </div>
            <div class="col-md-4 text-center">
                <img src="img/cont4.png" alt=""/>
                <h2>SAE</h2>
                <span>云应用</span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 text-center">
                <img src="img/cont5.png" alt=""/>
                <h2>SAE</h2>
                <span>云应用</span>
            </div>
            <div class="col-md-8">
                <h3>应用开发、优化及运行的PaaS云计算平台</h3>
                <span>国内第一家公有云计算平台，支持PHP、Java、Python语言，提供Web应用开发所需的众多服务，国内最好的PaaS云计算平台</span>
                <div class="row">
                    <ul class="col-md-6">
                        <li>弹性扩展，负载均衡智能应对大数据处理请求</li>
                        <li>沙箱技术隔离应用</li>
                        <li>无需运维管理与架构设计</li>
                    </ul>
                    <ul class="col-md-6">
                        <li>防火墙防止攻击</li>
                        <li>99.95%SLA，首批可信云认证</li>
                        <li>免费配额，零成本创业</li>
                    </ul>
                </div>
                <button class="btn btn-primary">了解详情</button>
            </div>
        </div>
        <div class="text-center"><a href=""><img src="img/video.png" alt="" width="100%"/></a></div>
        <h3>产品特色</h3>
        <div class="row">
            <div class="col-md-3">
                <div class="text-center"><img src="img/icon1.png" alt=""/></div>
                <p class="text-center">安全可靠</p>
                <span>多层防护，多级备份，24小时全方位监控，放心托管您的应用与网站。</span>
            </div>
            <div class="col-md-3">
                <div class="text-center"><img src="img/icon2.png" alt=""/></div>
                <p class="text-center">安全可靠</p>
                <span>多层防护，多级备份，24小时全方位监控，放心托管您的应用与网站。</span>
            </div>
            <div class="col-md-3">
                <div class="text-center"><img src="img/icon3.png" alt=""/></div>
                <p class="text-center">安全可靠</p>
                <span>多层防护，多级备份，24小时全方位监控，放心托管您的应用与网站。</span>
            </div>
            <div class="col-md-3">
                <div class="text-center"><img src="img/icon4.png" alt=""/></div>
                <p class="text-center">安全可靠</p>
                <span>多层防护，多级备份，24小时全方位监控，放心托管您的应用与网站。</span>
            </div>
        </div>
        <h3>成功案例</h3>
        <div class="row">
            <div class="col-md-5"><img src="img/typical.png" alt="" width="100%"/></div>
            <div class="col-md-7" style="padding-top: 8%;">
                <span>SAE作为公有云服务，其整体架构具有高可靠性和高安全性，并具备专业的团队来负责安全及运营维护工作 ，因而极大地简化了项目组部署和维护工作，使得项目组能集中精力于核心业务的开发，为用户提供更好的体验。</span>
            </div>
        </div>
        <div class="row" style="margin-top: 20px;">
            <div class="col-md-2 col-xs-6">
                <p>产品</p>
                <ul class="list-unstyled">
                    <li><a href="">云应用 SAE</a></li>
                    <li><a href="">云应用 SAE</a></li>
                    <li><a href="">云应用 SAE</a></li>
                    <li><a href="">云应用 SAE</a></li>
                    <li><a href="">云应用 SAE</a></li>
                </ul>
            </div>
            <div class="col-md-2 col-xs-6">
                <p>支持中心</p>
                <ul class="list-unstyled">
                    <li><a href="">产品文档</a></li>
                    <li><a href="">常见问题</a></li>
                    <li><a href="">工单</a></li>
                    <li><a href="">账户等级</a></li>
                    <li><a href="">新浪云论坛</a></li>
                    <li><a href="">学习资料</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-2 col-xs-6">
                <p>成功案例</p>
                <ul class="list-unstyled">
                    <li><a href="">游戏</a></li>
                    <li><a href="">移动</a></li>
                    <li><a href="">教育</a></li>
                    <li><a href="">金融</a></li>
                    <li><a href="">社交</a></li>
                    <li><a href="">传统行业</a></li>
                </ul>
            </div>
            <div class="col-md-2 col-xs-6">
                <p>关注我们</p>
                <ul class="list-unstyled">
                    <li><a href="">招聘信息</a></li>
                    <li><a href="">备案指引</a></li>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">信息举报</a></li>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">信息举报</a></li>
                </ul>
            </div>
            <div class="col-md-2 col-xs-6">
                <p>关于新浪云</p>
                <span>掌上SAE客户端</span>
                <div><img src="img/sao.png" alt=""/></div>
            </div>
            <div class="col-md-2 col-xs-6">
                <p>可信云认证</p>
                <div><img src="img/kexinyun.png" alt=""/></div>
                <span><a href="">对象存储服务 NO：02005 对象存储服务 NO：02005 对象存储服务 NO：02005</a></span>
            </div>
        </div>
        <div class="text-center">
            <span>Copyright © 1996-2015 SINA Corporation All Rights Reserved. 京ICP证000007-104</span>
        </div>
    </div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>